<template>
  <div>
    <h1>小头</h1>
    <da-tou
      :msg="msg"
      :obj="obj"
      info="zhoujianwei"
      @test="test"
      @tutu="tutu(son)"
    ></da-tou>
  </div>
</template>

<script>
import DaTou from "./DaTou.vue";
/* 
小头是父组件 小头是子组件
$attrs 接收标签上的属性名和属性值，前提是不被props的 （class和style除外）
$listeners  在子组件中接收父组件中调用子组件标签上的事件 



*/
export default {
  name: "",
  props: [""],
  data() {
    return {
      msg: "我是小头爸爸",
      obj: {
        name: "小头",
        age: 40,
        height: 180,
        hobby: ["大头", "踢足球"],
      },
      son: "大头儿子",
    };
  },

  components: {
    DaTou,
  },

  beforeMount() {},

  mounted() {},

  methods: {
    test() {
      console.log("test $listeners");
    },
    tutu(son) {
      console.log(son);
      console.log("tutu很累，请醒醒，精神精神！！");
    },
  },

  watch: {},
};
</script>
<style lang='' scoped>
</style>